

<template>
  <div class="common-layout">
    <el-container>
      <el-header style="background: antiquewhite;align-content: center">
        <myHeader />
      </el-header>
      <el-container>
        <el-aside width="200px">
          <myAside />
        </el-aside>
        <el-main>
          <myMain />
        </el-main>
      </el-container>
    </el-container>
  </div>



</template>

<script>
import myHeader  from "@/views/base-views/header/index.vue";
import myAside from "@/views/base-views/aside/index.vue"
import myMain from "@/views/base-views/main/index.vue"
export default {
  name: 'App',
  components: {
    myHeader,
    myAside,
    myMain
  },
  data() {
    return {
    }
  },
  methods: {
  }
}
</script>

<style>

</style>
